!DOCTYPE html>
<html>
<head>
<title>navbar version1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"
	src="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/test/navbar/js/jquery.js"></script>
<script type="text/javascript"
	src="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/main/bootstrap.js"></script>
<link
	href="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/css/bootstrap.css"
	rel="stylesheet" media="screen">
<link
	href="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/test/navbar/css/test.css"
	rel="stylesheet" media="screen">
<link
	href="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/css/bootstrap-responsive.css"
	rel="stylesheet" media="screen">
	
<style type="text/css">
	.container{
		position: fixed;
		width: 700px;
		height: 500px;
		left: 100px;
		top: 100px;
	}
	.pic{
		height: auto;
		max-width: 100%;
		min-width: 300px;
	}
</style>
</head>
<body>
	<h1>使用transition</h1>
	<div class="container">
		<img alt="" class="pic" src="http://localhost:8080/JavascriptAPI/bootstrap/2.3.1/test/picture/images/carousel-04.jpg">
	</div>
</body>

</html>